<!-- 物品信息 -->
<template>
    <div class="special-bottom">
        <BookTitle :nums="nums" :specialId="specialId"></BookTitle>
        <SlideWrapper :specialId="specialId" />
        <OtherBook :titleh="titleh" @get-arr-length="arrLengthFn" :specialId="specialId"></OtherBook>
    </div>

</template>

<script lang="ts">
import { defineComponent } from 'vue';
import BookTitle from './bookTitle.vue';
import SlideWrapper from './slideWrapper.vue';
import OtherBook from './otherBook.vue';
export default defineComponent({
    components: { BookTitle, SlideWrapper, OtherBook },
    props: {
        titleh: Number,
        specialId:Number
    },
    data(){
        return {
            nums:0
        }
    },
    methods:{
        arrLengthFn(value:number){
            this.nums = value;
        }
    }
})
</script>

<style lang="scss" scoped>
.special-bottom {
    width: 1118px;
    padding: 30px 40px 40px 40px;
    border: 1px solid #E9E9E9;
    margin: 0 auto;
}
</style>